body *,
page view {
  box-sizing: border-box;
  flex-shrink: 0;
  line-height: 1;
  margin: 0;
}
body {
  font-family:PingFang SC-Medium,PingFang SC, PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
view {
	font-family:PingFang SC-Medium,PingFang SC, PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
	  Arial, PingFang SC-Light, Microsoft YaHei;
}
.DINPro-Bold {
    font-family: DINPro-Bold;
}

.mb30{
	position: relative;
	margin-bottom: 30rpx;
}
.mb40{
	position: relative;
	margin-bottom: 40rpx;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
.flex-wrap{
	flex-wrap: wrap;
}
